<template>
    <div class="index-container">
        <!-- 导航栏 -->
        <indexNavBar
            :title="$route.meta.title"
            :back="false"
            @click-left="$router.go(-1)"
        ></indexNavBar>

        <p class="feedback-subtit">请选择问题或意见点</p>

        <div class="feedback-card" @click="$router.replace({name: 'feedbackDetail',query: {moduleCode: '01',moduleCodeName: '我的车队'}})">
            <span>我的车队</span>
            <img class="feedback-right" src="../../assets/right.png" alt="">
        </div>
        <div class="feedback-card" @click="$router.replace({name: 'feedbackDetail',query: {moduleCode: '02',moduleCodeName: '我的司机'}})">
            <span>我的司机</span>
            <img class="feedback-right" src="../../assets/right.png" alt="">
        </div>
        <div class="feedback-card" @click="$router.replace({name: 'feedbackDetail',query: {moduleCode: '03',moduleCodeName: '运输清单'}})">
            <span>运输清单</span>
            <img class="feedback-right" src="../../assets/right.png" alt="">
        </div>
        <div class="feedback-card" @click="$router.replace({name: 'feedbackDetail',query: {moduleCode: '04',moduleCodeName: '车辆监控'}})">
            <span>车辆监控</span>
            <img class="feedback-right" src="../../assets/right.png" alt="">
        </div>
        <div class="feedback-card" @click="$router.replace({name: 'feedbackDetail',query: {moduleCode: '05',moduleCodeName: '报表'}})">
            <span>报表</span>
            <img class="feedback-right" src="../../assets/right.png" alt="">
        </div>
        <div class="feedback-card" @click="$router.replace({name: 'feedbackDetail',query: {moduleCode: '06',moduleCodeName: '消息'}})">
            <span>消息</span>
            <img class="feedback-right" src="../../assets/right.png" alt="">
        </div>
        <div class="feedback-card" @click="$router.replace({name: 'feedbackDetail',query: {moduleCode: '07',moduleCodeName: '联系客服'}})">
            <span>联系客服</span>
            <img class="feedback-right" src="../../assets/right.png" alt="">
        </div>
        <div class="feedback-card" style="margin-bottom: 60px" @click="$router.replace({name: 'feedbackDetail',query: {moduleCode: '08',moduleCodeName: '其他意见'}})">
            <span>其他意见</span>
            <img class="feedback-right" src="../../assets/right.png" alt="">
        </div>
    </div>
</template>

<script>
import indexNavBar from '../../components/style/index-nav-bar.vue'

export default {
    components: {
        indexNavBar
    },
    data () {
        return {

        }
    },
    mounted () {
        this.init()
    },
    methods: {
        /* 初始化 */
        init () {

        }
    }
}
</script>

<style lang="less" scoped>
.feedback-subtit {
    margin: 12px 26px 24px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: rgba(45,55,72,.5);
}
.feedback-card {
    width: calc(100% - 52px);
    height: 54px;
    line-height: 34px;
    margin: 20px 26px 0;
    padding: 10px 23px;
    border-radius: 17px;
    font-size: 14px;
    color: #2D3748;
    // box-shadow: 0px 0px 9px 3px rgba(42,42,68,.1);
    box-shadow: 0px 2px 15px 0px rgba(45,55,72,0.11);
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    span {
        height: 34px;
        line-height: 34px;
        display: inline-block;
    }
    .feedback-right {
        width: 6px;
        display: block;
    }
}
</style>
